<script>
import XtxSteps from "@/components/library/XtxSteps.vue";

export default {
  name: "DetailSteps",
  components: {XtxSteps},
  props:{
    order:{
      type:Object,
      default:()=>({})
    }
  },
  setup() {

  }
}
</script>

<template>
  <div class="detail-steps" style="padding: 20px">
    <XtxSteps :active="order.orderState === 6 ? 1 :order.orderState">
      <XtxStepsItem title="提交订单" :desc="order.createTime" />
      <XtxStepsItem title="付款成功" :desc="order.payTime" />
      <XtxStepsItem title="商品发货" :desc="order.consignTime" />
      <XtxStepsItem title="确认收货" :desc="order.evaluationTime" />
      <XtxStepsItem title="订单完成" :desc="order.endTime" />
    </XtxSteps>
  </div>
</template>

<style scoped lang="less">
</style>